﻿<RadzenStack Orientation="Orientation.Vertical" Class="rz-p-12" Gap="1rem">
    <RadzenStack Orientation="Orientation.Horizontal" Wrap="FlexWrap.Wrap" JustifyContent="JustifyContent.Center" Gap="2rem">
        <RadzenBadge Shade="Shade.Lighter" BadgeStyle="BadgeStyle.Primary" Text="Primary" />
        <RadzenBadge Shade="Shade.Lighter" BadgeStyle="BadgeStyle.Secondary" Text="Secondary" />
        <RadzenBadge Shade="Shade.Lighter" BadgeStyle="BadgeStyle.Info" Text="Info" />
        <RadzenBadge Shade="Shade.Lighter" BadgeStyle="BadgeStyle.Success" Text="Success" />
        <RadzenBadge Shade="Shade.Lighter" BadgeStyle="BadgeStyle.Warning" Text="Warning" />
        <RadzenBadge Shade="Shade.Lighter" BadgeStyle="BadgeStyle.Danger" Text="Danger" />
    </RadzenStack>
    <RadzenStack Orientation="Orientation.Horizontal" Wrap="FlexWrap.Wrap" JustifyContent="JustifyContent.Center" Gap="2rem">
        <RadzenBadge Shade="Shade.Light" BadgeStyle="BadgeStyle.Primary" Text="Primary" />
        <RadzenBadge Shade="Shade.Light" BadgeStyle="BadgeStyle.Secondary" Text="Secondary" />
        <RadzenBadge Shade="Shade.Light" BadgeStyle="BadgeStyle.Info" Text="Info" />
        <RadzenBadge Shade="Shade.Light" BadgeStyle="BadgeStyle.Success" Text="Success" />
        <RadzenBadge Shade="Shade.Light" BadgeStyle="BadgeStyle.Warning" Text="Warning" />
        <RadzenBadge Shade="Shade.Light" BadgeStyle="BadgeStyle.Danger" Text="Danger" />
    </RadzenStack>
    <RadzenStack Orientation="Orientation.Horizontal" Wrap="FlexWrap.Wrap" JustifyContent="JustifyContent.Center" Gap="2rem">
        <RadzenBadge Shade="Shade.Dark" BadgeStyle="BadgeStyle.Primary" Text="Primary" />
        <RadzenBadge Shade="Shade.Dark" BadgeStyle="BadgeStyle.Secondary" Text="Secondary" />
        <RadzenBadge Shade="Shade.Dark" BadgeStyle="BadgeStyle.Info" Text="Info" />
        <RadzenBadge Shade="Shade.Dark" BadgeStyle="BadgeStyle.Success" Text="Success" />
        <RadzenBadge Shade="Shade.Dark" BadgeStyle="BadgeStyle.Warning" Text="Warning" />
        <RadzenBadge Shade="Shade.Dark" BadgeStyle="BadgeStyle.Danger" Text="Danger" />
    </RadzenStack>
    <RadzenStack Orientation="Orientation.Horizontal" Wrap="FlexWrap.Wrap" JustifyContent="JustifyContent.Center" Gap="2rem">
        <RadzenBadge Shade="Shade.Darker" BadgeStyle="BadgeStyle.Primary" Text="Primary" />
        <RadzenBadge Shade="Shade.Darker" BadgeStyle="BadgeStyle.Secondary" Text="Secondary" />
        <RadzenBadge Shade="Shade.Darker" BadgeStyle="BadgeStyle.Info" Text="Info" />
        <RadzenBadge Shade="Shade.Darker" BadgeStyle="BadgeStyle.Success" Text="Success" />
        <RadzenBadge Shade="Shade.Darker" BadgeStyle="BadgeStyle.Warning" Text="Warning" />
        <RadzenBadge Shade="Shade.Darker" BadgeStyle="BadgeStyle.Danger" Text="Danger" />
    </RadzenStack>
</RadzenStack>